:focus { outline: 0; }
a:active { outline: none; }
* { margin: 0px; padding: 0px; }
ul { margin: 0; padding: 0; list-style: none; }
a:link, a:visited { color: #444444; text-decoration: none; }
a:hover { color: #12457E; text-decoration: none; }
img { border: none; vertical-align: top; }
.ColorB{ color:#0073b4;}
.cl { clear: both; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
body { font-size: 14px; color:#444444; font-family: "Microsoft YaHei", sans-serif, serif; text-align: center; background:url(../Images/TopBj.jpg) left top repeat-x; }

#C{min-width: 1200px;}
#Container { width: 1200px; height: auto; margin: 0 auto; padding:40px 0px; text-align: left; }

#Top{ width:1200px; margin:0 auto; height:62px; line-height:46px; color:#333; font-size:14px; text-align:left;}
#Top font{ font-size:16px;}
#Top span{ float:right; display:inline-block;}
 

#Head { margin-bottom: 2px;  }
#Head .HeadBox { width: 1200px;  margin: 0 auto; height: 129px; }
#Head .HeadBox a.Logo { display: block; float: left; height: 109px; width: 700px; background: url(../Images/Logo.jpg) left center no-repeat; }
#Head .Other { float: right; line-height: 2; text-align: right; }
#Head .Other span { display: block; height: 30px; line-height: 30px; margin-top: 10px; margin-bottom: 10px; }
#Head .Other span a { padding: 0 4px; }


#Head #Nav { clear: both; height: 51px; overflow:hidden; text-align: center; background: #0073B4; }
#Head #Nav ul { position: relative; top: -5px; width:1130px; margin:0 auto; display:block; }
#Head #Nav ul li { display: inline-block; float:left; margin:0 2px; }
#Head #Nav ul li a { display: block; padding-left: 12px; padding-right: 14px; height: 55px; line-height: 55px; width: 95px; font-size: 16px; }
#Head #Nav ul li a:link, #Head #Nav ul li a:visited { color: #FFF; }
#Head #Nav a:hover,
#Head #Nav ul li a.sel:link,
#Head #Nav ul li a.sel:visited{ background: #004883; }


#Banner { height: 460px; overflow:hidden; width:100%; min-width: 1200px; position: relative; background-color: #FFF; }
#Banner .db { height: 460px; overflow: hidden; }
#Banner .db ul { }
#Banner .db ul li { display: block; height: 460px; background-repeat: no-repeat; background-position: center top; }
#Banner .hd { position: absolute; width: 100%; bottom: 10px; }
#Banner .hd table { margin: 0 auto; }
#Banner .hd ul { }
#Banner .hd ul li { display: inline-block; width: 100px; height: 10px; line-height: 20px; margin: 0 2px; cursor: pointer; text-align: center; color: #FFF; background: #ccc; }
#Banner .hd ul li.on { background: red; border-color: #12457E; }


.About {width: 780px; height: 334px; margin:45px auto; background: #FFF; padding-left:360px;  text-align: left;background: url(../Images/AboutImg.jpg) left top no-repeat; }
.About h2{ text-align:center; font-size:36px; line-height:1.5; font-weight:200; padding-top:26px; margin-bottom:20px;}
.About p { line-height:1.8; text-indent: 24px; margin-bottom:13px; font-size: 14px; }
.About a:link, .About  .InfoBox a:visited { color: #12457E; }

.FBOX{ padding:50px 0px; background-color:#fafafa;}

.IT{ font-size:44px; letter-spacing:5px; font-weight:bold; color:#444; text-align:center; line-height:1.5;  }
.IT a:link,.IT a:visited,.IT a:hover{ color:#444}
.IT abbr { display:inline-block; line-height:12px; font-size:26px; position:relative; top:-7px; }
.IT span{ font-size:18px; font-weight:200; display:block; line-height:34px;letter-spacing:1px; color:#444; padding-top:15px;    }

/*澶у巶瀹�*/
#DaChang{  width:1200px; margin:0 auto; text-align:center;}
#DaChang .Text{ margin-top:5px;}
#DaChang .Text span{ display:inline-block; margin:0 20px; font-size:18px; font-weight:200;}
#DaChang .Text font{ font-size:40px;}
#DaChang ul{ padding-top:25px;}
#DaChang ul li{ float:left;}
#DaChang ul li.ImgM{ margin:0 18px;}
#DaChang ul li img{ margin-bottom:20px; height:283px;}
#DaChang ul li span{ display:block; text-align:center; line-height:1.8; font-size:24px;}
#DaChang ul li span font{ font-size:18px; color:#999; font-variant:small-caps;}

/*涓撳埄浜у搧*/
#Product{ padding:50px 0px; width:1200px; margin:0 auto;}
#Product .Left{ width:285px; padding:12px 6px; float:left;  text-align:left; background:#f3efee; min-height:450px;}
#Product .Right{ width:850px; float:right;}
#Product .Left .Title{ padding-bottom:3px; border-bottom:1px solid #097dc8;}
#Product .Left .Title span{ display:block;border-bottom:1px solid #097dc8; font-size:26px; padding-left:15px; line-height:1.5; color:#097dc8; padding-bottom:3px; }
#Product .Left ul{ padding-left:11px; padding-top:15px;}
#Product .Left ul li{ height:54px; margin-bottom:9px; line-height:54px; font-size:18px; background:url(../Images/IndexCate.jpg) left bottom no-repeat;}
#Product .Left ul li a{ display:block; padding-left:45px;}
#Product .Left ul li a:link,#Product .Left ul li a:visited{ color:#333;}
#Product .Left ul li:hover{ background-position:left top;}
#Product .Left ul li:hover a:link,#Product .Left ul li:hover a:visited{color:#097dc8;}

#Product .Box { margin: 0 auto; }
#Product .Box ul { padding-top: 8px; }
#Product .Box ul li { float: left; width: 33%;  height:285px; border-top: 1px solid #DEDEDE; padding-top: 15px; }
#Product .Box ul li.F { border-top: none; }
#Product .Box ul li a.ProImg { display: table-cell; width: 260px; height: 195px; text-align: center; vertical-align: middle; }
#Product .Box ul li a.ProImg img { max-width: 260px; max-height: 195px; vertical-align: middle; }
#Product .Box ul li a.ProName { max-width:260px; display: block; padding-top: 4px; line-height: 30px; font-size: 16px; text-align: center; }
#Product .Box ul li a:link,#Product .Box ul li a:visited{ color:#0073b4;}
#Product .Box ul li a.ProName span{ color:#666; line-height:20px; display:block; font-size:12px; font-weight:200; text-align:left;}

/*绫诲埆*/
#Category{ width:1200px; margin:0 auto; }
#Category .IT span{ padding-top:25px;}
#Category .Box{ padding-top:20px;}
#Category .Box a{ display:block; float:left; font-size:16px; color:#FFF; text-align:center; background:url(../Images/CateBj.png) left center no-repeat; width:136px; height:45px; line-height:42px; margin:20px 15px; letter-spacing:2px;}
#Category .Box a:hover{ background-position:right center;}

/*閫夋嫨鎴戜滑*/
.SelectWe { width: 1200px; margin-bottom: 20px; margin:0 auto; }
.SelectWe .Title { background:url(../Images/YsTitle.gif) center top no-repeat; height:152px; overflow:hidden; text-align:left; text-indent:-99999em; padding-bottom:15px; border-bottom:1px solid #4da1d9; }
.SelectWe ul{ display:block; width:950px; margin:0 auto; padding-top:60px;}
.SelectWe ul li{width:950px; float:left; padding-bottom:40px; margin-bottom:15px;}
.SelectWe ul li span{ width:370px; padding-top:80px; text-align:left; font-size:14px; line-height:1.6;}
.SelectWe ul li span font{ color:#0a7ecb;}
.SelectWe .ItemL{ background:url(../Images/YsItm1.gif) right bottom no-repeat; }
.SelectWe .ItemR{ background:url(../Images/YsItm2.gif) left bottom no-repeat;}
.SelectWe .ItemL span{ float:left; display:block;}
.SelectWe .ItemL img{ float:right; margin-right:8px;}
.SelectWe .ItemR span{ float:right; display:block;}
.SelectWe .ItemR img{ float:left; margin-left:8px;}

.SelectWe .Item1 span{ margin-top:30px; background:url(../Images/ItemT1.jpg) left top no-repeat;}
.SelectWe .Item2 span{ margin-top:30px;background:url(../Images/ItemT2.jpg) left top no-repeat;}
.SelectWe .Item3 span{ margin-top:30px;background:url(../Images/ItemT3.jpg) left top no-repeat;}
.SelectWe .Item4 span{ margin-top:30px;background:url(../Images/ItemT4.jpg) left top no-repeat;}
.SelectWe .Item5 span{ margin-top:30px;background:url(../Images/ItemT5.jpg) left top no-repeat;}



/*瀹㈡埛妗堜緥*/
#Case{ width:1200px; padding:50px 0px; margin:0 auto;}
.ContentMList {	padding-bottom: 12px;width:277px;	background: url(../images/CaseBoxBj.png) no-repeat right bottom;float: left; margin-right: 26px; padding-bottom:10px; border-bottom:none;}
.ContentMList.E {margin-right: 0}
.ContentMList .ImgBox{ background:#FFF; padding:2px; width: 271px; height:197px;border-top: #b1b1b1 1px solid; border:1px solid #b1b1b1;}
.ContentMList IMG {	width: 271px; height:197px;}
.ContentMList A {display: block}
.ContentMList A:hover {	background: none transparent scroll repeat 0 0;	text-decoration: none}
.ContentMList H4 {	background:#FFF;text-align:center;	line-height: 32px;	height: 32px;font-size: 16px; border:1px solid #b1b1b1; border-top:none;}
.ContentMList P {display:block;	background:#FFF;text-align: left;padding-bottom: 12px;line-height: 20px;padding:0 10px;	height: 81px;color: #666;overflow: hidden;padding-top: 5px;	border:1px solid #b1b1b1; border-top:none;}

/*鑽ｈ獕*/
#Honro{ width:1200px; margin:0 auto;}
#Honro .Box{ padding-top:30px;}
#Honro .Box a{ float:left; margin:10px 7px; }
#Honro .Box img{ width:285px;}


/*inf*/
.infBox{ padding:50px 0px; }

/*abt*/
.abt{padding:15px 0 0;height:290px; overflow:hidden;background:url(../Images/abt_sd2.gif) 720px 15px no-repeat;}
.abt_tp{background:url(../Images/abt_tp_ic.gif) left bottom no-repeat;height:43px; line-height:37px;overflow:hidden;}
.abt_tp h3{ float:left;font-family:"寰蒋闆呴粦";margin:0 6px 0 0;}
.abt_tp h3 a{font-size:18px;color:#000; font-weight:100;}
.abt_tp h3 a:hover{ color:#000;}
.abt_tp span{ font-size:12px; font-family:Didot; text-transform:uppercase; color:#bfbfbf;}
.abt_tp .fr{font-size:12px;color:#626262; font-family:Arial;text-transform:uppercase;}
.abt_tp .fr:hover{ color:#626262;}

.inf{height:366px; width:1200px; margin:0 auto; text-align:left;}
.inf1{width:370px; overflow:hidden; padding:0 38px 0 0; margin-right:15px; text-align:left;}
.inf1_c dl{padding:14px 0 0; height:106px;overflow:hidden;}
.inf1_c dt{overflow:hidden; float:left;height:96px;padding:0 0 11px;background:url(../Images/info_sd.gif) center bottom no-repeat;}
.inf1_c dt img{width:126px;height:92px; overflow:hidden;padding:2px; background:#fff;}
.inf1_c dd{ float:right;width:210px; overflow:hidden;}
.inf1_c dd h4{padding:2px 0 4px;}
.inf1_c dd a{ color:#333;font-size:14px;}
.inf1_c dd a:hover{color:#333; }
.inf1_c dd p{font-size:14px; color:#666; line-height:24px;height:55px;padding:0 0 0; text-align:justify;}
.inf1_c span a{ color:#f5710b; font-size:12px; font-family:"瀹嬩綋";}
.inf1_c span a:hover{color:#f5710b; }
.inf1_c ul{ clear:both; padding-top:10px; padding-bottom:10px;}
.inf1_c li{ line-height:34px;padding:0 0 0 14px; border-bottom:1px #9f9f9f dotted;overflow:hidden;height:34px;}
.inf1_c .last{ border:none;}
.inf1_c li span{ float:right; font-size:14px; font-family:"瀹嬩綋";}

.inf2{width:350px; overflow:hidden;text-align:left;}
.inf2_c{padding:1px 0 0 12px; line-height:24px; color:#666;} 
.inf2_c dt,.inf2_c dd{padding:0 0 0 28px;}
.inf2_c dl{padding:16px 0 15px 0; border-bottom:1px #c4c4c4 dashed;}
.inf2_c dt{background:url(../Images/que.gif) 2px 5px no-repeat;margin:0 0 6px;}
.inf2_c dd{background:url(../Images/ans.gif) 2px 5px no-repeat;}
.inf2_c a{ color:#333;}
.inf2_c a:hover{ color:#333;}
.inf2_c .last{ border:none;}


/*鍙嬫儏閾炬帴*/
.FrendLink { border:1px solid #EFEFEF; width:1200px; margin:25px auto; }
.FrendLink a { display:block; float:left; margin:0 5px; }



/*Foot*/
#Foot { text-align:center; line-height:2; padding-top:22px; padding-bottom:22px; border-top:5px solid #5175D5; margin-top:30px; }
.BottomNav { height:30px; line-height:30px; text-align:center; margin-bottom:10px; }
.BottomNav a { padding:0 5px; }
.mp{width:1000px; margin:0 auto; line-height:1.5; line-height:2;}
.mp a{ display:inline-block; margin-right:10px;}

.Root { height: 40px; line-height: 40px; text-align: right; color: #666; }
.Root a:link, .Root a:visited { color: #666; }

#GoTop { display:none; width:26px; height:32px; line-height:1.4; padding:3px 6px; font-size:12px; position:fixed;  bottom:80px; background:#F5F5F5 url(../Images/GoTop.gif) left center no-repeat; border:1px solid #CCC; text-align:left; text-indent:-9999em; z-index:9999; }
#GoTop:hover { background-image:none; text-align:center;text-indent:0em; }



#Left { width: 260px; float: left; }
#Right { float: right; width: 910px; position: relative; }

/*Left*/
#Left .Title { padding: 0px; border-bottom: 1px solid #134A83; padding-bottom: 2px; text-align: left; }
#Left .Title div { border-bottom: 1px solid #3071b4; padding: 5px 5px; text-align: left; }
#Left .Title div span { display: block; text-align: left; font-size: 24px; border-left: 1px solid #06F; padding-left: 8px; color: #015294; }
#Left .Title div font { font-size: 16px; font-weight: 200; font-variant: small-caps; padding-left: 5px; color: #999; }

#Left .Category { background: #FFF; margin-bottom: 15px; min-height: 200px; border:10px solid #F6F6F6; }
#Left .Category ul { padding: 5px 5px; padding-bottom: 10px; }
#Left .Category ul li { margin-bottom: 3px; }
#Left .Category ul li a { display: block; font-size: 14px; padding-left: 23px; background: url(../Images/Cate.gif) 5px center no-repeat; height: 34px; line-height: 34px; border-bottom: 1px solid #CCC; }

.LeftHonor { position:relative; background: #FFF; margin-bottom: 15px; min-height: 255px; border:10px solid #F6F6F6; }
.LeftHonor .Box { overflow:hidden; position:relative; padding:0px; border:none;  text-align:center; }
.LeftHonor .Box ul li{ width:240px; height:180px; display:table-cell; line-height:218px; vertical-align:middle;}
.LeftHonor .Box ul li img{ vertical-align:middle; max-width:220px; max-height:175px;}

.LeftHonor .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.LeftHonor .hd ul{ overflow:hidden; zoom:1; float:left;  }
.LeftHonor .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#ccc; cursor:pointer; }
.LeftHonor .hd ul li.on{ background:#2E58BE; color:#fff; }


#Left .Category ul li a:hover,
#Left .Category ul li a.sel:link,#Left .Category ul li a.sel:visited 
{ color: #06C; background-image: url(../Images/CateSel.gif); }
 
#Left .Contact { background: #FFF; text-align: left;border:10px solid #F6F6F6; }
#Left .Contact .Box { font-size: 14px; padding-top: 14px; background: url(../Images/C_Img.jpg) right bottom no-repeat; padding-bottom: 125px; padding-left: 10px; padding-right: 10px; }
#Left .Contact .Box h1 { color:#f00; font-size:14px;  line-height:2; text-align:center; }
#Left .Contact .Title { text-align: center; }
#Left .Contact dl { width: 100%; float: left; margin: 2px 0px; }
#Left .Contact dl dt { color: #06F; font-weight: bold; float: left; width: 70px; line-height: 1.7; text-align: right; }
#Left .Contact dl dd { margin-left: 75px; text-align: left; line-height: 1.7; font-weight: 200; }




/*Right*/
#Right .Title { padding: 0px; border-bottom: 2px solid #134A83; padding-bottom: 2px; text-align: left; }
#Right .Title div { border-bottom: 1px solid #3071b4; padding:11px 5px 7px 5px; height:33px; text-align: left; text-align: left; font-size: 24px; padding-left: 5px; color: #015294; }
#Right .Title div span { display:inline-block; float:right; font-size:12px; font-weight:200; padding-top:15px; color:#444; }

.Product ul { padding-top: 8px; }
.Product ul li { float: left; width: 33%; height:325px; border-top: 1px solid #DEDEDE; padding-top: 30px; }
.Product ul li.F { border-top: none; }
.Product ul li a.ProImg { display: table-cell; width: 260px; height: 195px; text-align: center; vertical-align: middle; }
.Product ul li a.ProImg img { max-width: 260px; max-height: 195px; vertical-align: middle; }
.Product ul li a.ProName { max-width:260px; display: block; padding-top: 4px; line-height: 30px; font-size: 16px; text-align: center; }
.Product ul li a:link,.Product .Box ul li a:visited{ color:#0073b4;}
.Product ul li a.ProName span{ color:#666; line-height:20px; display:block; font-size:12px; font-weight:200; text-align:left;}

#Right .Content { min-height: 500px; line-height: 2; padding-top: 12px; }

.ProductDetail{ padding-top:25px;}
.ProductDetail .ProImg{ display:table-cell; width:400px; height:350px; float:left; text-align:center; vertical-align:middle; border:1px solid #CCC; padding:5px;}

.ProductDetail .ProImg img{ max-width:380px; max-height:320px; vertical-align:middle;}
.ProductDetail .ProInfo{ width:450px; float:left; margin-left:30px;}
.ProductDetail .ProInfo h2{ font-size:26px; font-weight:200; color:#2e79b2; margin-bottom:15px;}
.ProductDetail .ProInfo .Cate{ font-size:16px; color:#666; line-height:2; margin-bottom:10px; display:block;}
.ProductDetail .ProInfo .Cate a:link,.ProductDetail .ProInfo .Cate a:visited{ color:#666;}
.ProductDetail .ProInfo .Cate a:hover{ color:#06F;}
.ProductDetail .ProInfo p{ line-height:1.5; font-size:14px; color:#666; padding-right:120px; font-weight:200;}
.ProductDetail .ProInfo a.Video{ display:inline-block; margin-top:15px;}
.ProductDetail .ProInfo div{ margin-top:15px;}
.ProductDetail .ProInfo div span.Tel{ padding-left:20px; font-size:20px; color:red;}
.ProductDetail .ProInfo div span.Tel font{ font-size:30px;}

.ProDetailItem { padding-top: 20px; }
.Pt { height: 40px; border-bottom: 1px solid #2A79CC; }
.Pt a { display: block; width: 110px; text-align: center; line-height: 40px; font-size: 16px; color: #FFF; float: left; background:#999; margin-right:5px; }
.Pt a.sel { background: #2A79CC; }
.PtItem { display:none; padding: 10px; min-height: 100px; }
.PtItem.sel{ display:block;}
.PtItem img{ max-width:890px;}



.RelateProduct { border: 1px solid #CCC; overflow: hidden; }
#Right .RelateProduct .Title { border-bottom: 1px solid #CCC; background-color:#06F; font-size: 14px; font-weight: bold; color: #FFF; height: 30px; line-height: 30px; text-indent: 15px; letter-spacing: 2px; }
.RelateProduct .Box { margin-left: 6px; margin-right: 6px; padding-top: 8px; height: 205px; overflow: hidden; }
.RelateProduct .Box li { width: 200px; height: auto; float: left; margin: 0 5px; border: 1px solid #CCC; }
.RelateProduct .Box span { display: block; }
.RelateProduct .Box span.PImg { width: 200px; height: 150px; display: table-cell; vertical-align: middle; text-align: center; }
.RelateProduct .Box span.PImg img { max-width: 168px; max-height: 150px; margin: auto; vertical-align: middle; }
.RelateProduct .Box span.PName { line-height: 35px; text-align: center; border-top: 1px solid #CCC; background: #0060AD; }
.RelateProduct .Box span.PName a:link,
.RelateProduct .Box span.PName a:visited { color: #FFF; }


.Content { text-align:left; line-height:2; padding:10px; min-height:550px; font-size:14px; }
.Content img{ max-width:890px;}





.zl_pro_box{width:282px;float: left;  margin-right:22px;}
.zl_pro_img{width:276px;height:207px;border: 1px solid #C9D1FE; padding:2px; text-align: center; vertical-align: middle; position: relative;display: table-cell;  }
.zl_pro_img p img {max-width:276px; max-height:207px; vertical-align:middle }
.pro_font {display:block; text-align: center; clear:both; border:none; padding:8px; color:#06C;}
.zl_pro_box:hover .zl_pro_img{ border-color:#06F;}







DIV.scott { padding: 3px; margin: 3px; margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 12px; clear: both; }
DIV.scott A { border: #0073B4 1px solid; color: #0073B4; text-decoration: none; }
DIV.scott A, DIV.scott span { padding: 4px 8px; margin-right: 6px; }
DIV.scott A:hover { border: #0073B4 1px solid; color: #FFF; background-color: #0073B4; }
DIV.scott A:active { border: #0073B4 1px solid; color: #FFF; background-color: #0073B4; }
DIV.scott SPAN.current { border: #0073B4 1px solid; font-weight: bold; color: #fff; background-color: #0073B4; }
DIV.scott SPAN.disabled { border: #CCC 1px solid; color: #CCC; }


.ProPage { border: 1px solid #ddd; padding: 4px 7px; }






